<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>我的门户</title>
<meta name="keywords" content="jquery,portal,lightweight,ui,javascript"/>
<meta name="description" content="JPolite is a lightweight portal framework based on jQuery with strong customization features."/>
<meta name="author" content="http://trilancer.wordpress.com/"/>
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/jquery.gritter.css"/>
<link rel="stylesheet" type="text/css" href="css/jqModal.css"/>
<link rel="alternate stylesheet" title="classic" href="css/style0.css" type="text/css" media="screen"/>
<link rel="alternate stylesheet" title="modern" href="css/style1.css" type="text/css" media="screen"/>
<link rel="stylesheet" title="silver" href="css/style.css" type="text/css" media="screen"/>
<!-- Sample jQuery UI Theme CSS file from http://jqueryui.com/themeroller/ -->
<link rel="stylesheet" type="text/css" href="css/start/jquery-ui-1.7.2.custom.css" media="screen"/>
<!--[if IE]>
	<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen"/>
<![endif]-->
</head>
<body >
<div id="header" style="display: none">
	<ul id="main_nav" >
		<li id="t1"><b class="hover"></b></li>
	</ul>
	<div id="info_bar">
		<b id="loading"></b><b id="menu_btn"></b><i class="left hint">Module menu</i>
		<i class="right">
			<b id="maxAll" title="Expand All Modules"></b>
			<b id="minAll" title="Collapse All Modules"></b>
		</i>
		<i class="hint right">Adjust module appearance</i>
	</div>
</div>

<div id="content" class="container">
	<div id="module_menu" class="jqmWindow"></div>
	<div id="c1" class="cc"></div>
	<div id="c2" class="cc"></div>
	<div id="c3" class="cc"></div>
	<div id="c4" class="cc"></div>
</div>

 

<!-- A series of hidden module templates carried within the page, which can be modified easily -->
<div class="module_template"><!-- A default template is required here without an ID -->
	<div class="moduleFrame">
		<div class='moduleHeader'>
			<div class='moduleTitle'></div>
			<div class='moduleActions'>
				<b title="刷新" class="actionRefresh"></b>
				<b title="合并" class="actionMin"></b>
				<b title="展开" class="actionMax"></b>
			</div>
		</div>
		<div class='moduleContent'>
			<img src="img/loading.gif" alt="Loading..."/> Loading...
		</div>
	</div>
</div>
<script type="text/javascript">
var _modules={
		m101:{url:"modules/m101.html",	t:"Motivation"},
		m102:{url:"modules/m102.html",	t:"Philisophy"},
		m103:{url:"modules/m103.html",	t:"Buzz"} 
	};

	/*
	 * Layout definitions for each tab, i.e., which modules go to which columns under which tab
	 * Format:
	 * 		tab_id: [
	 * 			...
	 * 			"{module_id}:{column_id, c1, c2, ...}:[optional color class]:[optional template name]",
	 * 			...
	 * 		]
	 */
	var _moduleLayout={
		t1:["m101:c1:blue", "m102:c2:blue", "m103:c3:blue"]
	};

	/* 
	 * Column layout definitions, i.e., how the columns (containers) are placed under each tab
	 * Pure CSS properties can be set upon each column, e.g., width, float, etc. You can refer
	 * to jQuery.fn.css() for more details.
	 * 
	 * The "bg" property is used to set the background of all columns, which actually affects <body>
	 * 
	 * A _default value set is provided, to save your efforts of setting each tab manually
	 */
	var _columnLayout = {
		_default: { bg:'normal',
					c1:'span-24',
			 		c2:'span-12',
			 		c3:'span-12 last'
		}
	};
</script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.gritter.js"></script>
<script type="text/javascript" src="js/chain-0.2.pack.js"></script>
<script type="text/javascript" src="js/jquery.kwicks-1.5.1.pack.js"></script>
<script type="text/javascript" src="js/jquery.lavalamp.1.3.2-min.js"></script>
<script type="text/javascript" src="js/jqModal.js"></script>
<script type="text/javascript" src="js/jpolite.core.js"></script>
<script type="text/javascript" src="js/xdo.core.js"></script>
<script type="text/javascript" src="js/xdo.data.js"></script>
<script type="text/javascript" src="js/jpolite.ext.js"></script>
</body>
</html>